<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>侧链</title>
    <!--公用样式-->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/background.css">
    <link rel="stylesheet" href="./css/color.css">
    <link rel="stylesheet" href="./css/margin.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/bar.css">

    <!--本页面样式-->
    <link rel="stylesheet" href="./css/sideChain.css">
</head>
<body>

<div id="main">
    <!--顶部导航-->
    <div class="l-nav">

        <div class="l-container">
            <!--logo-->
            <div class="l-logo">
                <img class="l-img" src="./image/wtlogo.png" alt="无法显示" />
            </div>

            <!--菜单栏-->
            <ul class="layui-nav l-line-none" lay-filter="">
                <li class="layui-nav-item"><a href="">首页</a></li>
                <li class="layui-nav-item"><a href="">账户中心</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">c2c交易</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#">我的订单</a></dd>
                        <dd><a href="#">交易中心</a></dd>
                        <dd><a href="#">全站成交</a></dd>
                        <dd><a href="#">我的仲裁</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">语言</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><img src="./image/China.png" alt=""> 中文</a></dd>
                        <dd><a href="#"><img style="width: 29px; height: 18px;" src="./image/usa.jpg" alt=""> 英语</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item l-login-out"><a href="">欢迎您：kingend</a><span>退出</span></li>
            </ul>
        </div>
    </div>

    <!--面包屑导航-->
    <div class="l-breadcrumb">
        <span class="l-breadcrumb-title">您的位置：</span>
        <span class="layui-breadcrumb">
              <a href="">首页</a>
              <a href="">账户中心</a>
              <a href=""><cite>安全设置</cite></a>
        </span>
    </div>

    <div class="l-bar">
        <img src="./image/dian.png" alt="无法显示">
        侧链
    </div>


    <div class="l-content">
        <p class="l-text-center"><span class="l-title">资产总览</span></p>
        <!--图标列表-->
        <div class="l-menu">
            <div class="l-menu-item">
                <img src="./image/cl_02.png" alt="无法显示">
                <p class="l-menu-name">资产</p>
            </div>

            <div class="l-menu-item">
                <img src="./image/cl_04.png" alt="无法显示">
                <p class="l-menu-name">矿机购买</p>
            </div>

            <div class="l-menu-item">
                <img src="./image/cl_06.png" alt="无法显示">
                <p class="l-menu-name">押金钱包</p>
            </div>

            <div class="l-menu-item">
                <img src="./image/cl_08.png" alt="无法显示">
                <p class="l-menu-name">区块说明</p>
            </div>

            <div class="l-menu-item">
                <img src="./image/cl_10.png" alt="无法显示">
                <p class="l-menu-name">收益钱包</p>
            </div>

            <div class="l-menu-item">
                <img src="./image/cl_12.png" alt="无法显示">
                <p class="l-menu-name">钱包下载</p>
            </div>
        </div>

        <!--内容显示板块-->

        <div class="l-radius-content">
            <p class="l-text-center"><span class="l-title l-color-back">ECS收益</span></p>

            <div class="l-content-list">
                <div class="l-list-item">
                    <p class="l-weight">ECS信息</p>
                    <p><span class="l-color-gray">侧链余额</span><span class="l-color-red">544</span></p>
                    <p><span class="l-color-gray">矿石余额</span><span class="l-color-red">544</span></p>
                    <p><span class="l-color-gray">级别</span><span class="l-color-red">金钻（v5）</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS数量</p>
                    <p><span class="l-color-gray">活跃</span><span class="l-color-gray">0</span></p>
                    <p><span class="l-color-gray">非活跃</span><span class="l-color-red">1</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS余额</p>
                    <p><span class="l-color-gray">今日收益</span><span class="l-color-red">16</span></p>
                    <p><span class="l-color-gray">昨日收益</span><span class="l-color-red">18</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS收益</p>
                    <p><span class="l-color-gray">侧链余额</span><span class="l-color-red">3113.6</span></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./layui/layui.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/animate.js"></script>
<script src="js/wtlSideChain.js"></script>
</html>